<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>异常记录</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type="text/javascript" src="../static/js/abnormalRecord.js"></script>
  <script type='text/javascript' src='../static/table/abnormalRecordTable.js'></script>
</head>
<body>
 <div class="top">
     <h4 class="partTitle">
     	<span id="back" class="detalisBack" onclick="goback();" hidden="hidden"></span>
     	当前位置: 充电记录<span class="comSpanTitle">></span>异常记录
     </h4>
 </div>
 <div class="blueBorder"></div>
 <div class="scrollBody">
  <div class="partWhite paddingBottomTen" id="scrollHeight">
	<form class="form-horizontal" id="abnormalRecordSearch">
        <input id="page" name="page" value="1" hidden="hidden">
        <input id="rows" name="rows" value="50" hidden="hidden">
        <div class="form-group">
        	<div class="col-md-3 col3ConditionAll">
	            <label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
	            <div class="col-sm-8 partCondition">
	                <select id="chargingStationID" name="ChargingStationID" class="form-control" onchange='changeEquipmet()'>
	                  <option value="" selected="selected">请选择</option>
	                </select>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll" id="changeEquipment" hidden="hidden">
              <label for="equipmentNo" class="col-sm-4 control-label partConditionTitle">充电桩名称</label>
              <div class="col-sm-8 partCondition">
                  <select id="equipmentNo" name="EquipmentNo" class="form-control" onchange='search()'>
                      <option value="" selected="selected">请选择</option>
                  </select>
              </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
           		 <label for="startChargingTime" class="col-sm-4 control-label partConditionTitle">开始时间</label>
	            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;">
	                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text" onchange='search()'>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
            </div>
            <div class="col-md-3 col3ConditionAll">
	            <label for="endChargingTime" class="col-sm-4 control-label partConditionTitle">结束时间</label>
	            <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd" style="float: left;">
	                <input id="endChargingTime" name="endChargingTime" class="form-control" type="text" onchange='search()'>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
	        </div>
        </div>
        <div class="comHtmlTitle"><span class="borBlue"></span>充电记录查询——列表
	 		<div class="floatRight">
   				<button type="button" onclick="exportFile()" class="btn btnSaveDel">
	     			<img src="../static/images/derive.png" height="20" width="20"/>
	       	 		导出
    			</button>
	 		</div>
	 	</div>
        <div class="partTable">
			<table class="table table-hover" id="abnormalRecordTable">
				<thead id="abnormalRecordThead">
				</thead>
				<tbody id="abnormalRecordTbody">
				</tbody>
			</table>
			<table class="table scrollTable" id="abnormalRecordTable1" hidden="hidden">
       		</table>
		</div>
	</form>
	<div class="partBtn">
	  <div class="partTurnPage">
          <ul class="list-inline">
              <li id="total">共0页 0条记录</li>
              <li class="turnPage"></li>
          </ul>
      </div>
  </div>
 </div>
   <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="Message" tabindex="-1" class="modal fade popup">
     <div class="popupTable" style="width:30%;margin:auto;margin-top:10%;">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id = "saveTitle"></h4>
       </div>
       <div class="modal-body">
		<textarea  id="message" rows="10" style="width:100%" readonly></textarea>
	  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" onclick="messageSure()">关闭</button>
      </div>
    </div>
  </div>
  </div>
</body>
</html>
